<!--  -->
<template>
  <!--依次是: 表格数据 表格标签数据 分页数据  列表方法 更新方法 删除方法-->
  <common-table :tableData="tableData" :tableLabel="tableLabel" :config="config" @changePage="getList()" @edit="editUser" @del="delUser"> </common-table>
</template>

<script>
import CommonTable from 'components/CommonTable';
export default {
  data() {
    return {
      tableData: [
        { id: 'e2de22E3-DbF4-E40C-abeF-e2ebcb74D8Df', name: '侯娜', addr: '四川省 阿坝藏族羌族自治州 金川县', age: 48, birth: '1997-09-03', sex: 0, sexLabel: '女' },
        { id: 'dCfaae68-bEc3-Bc3D-aC91-cc738e31e6DE', name: '范洋', addr: '黑龙江省 齐齐哈尔市 昂昂溪区', age: 52, birth: '1999-05-13', sex: 1, sexLabel: '男' },
        { id: 'eB9BAabF-516D-A8cb-Ff7b-E581a4C15CA3', name: '郝磊', addr: '甘肃省 定西市 临洮县', age: 26, birth: '1986-08-21', sex: 0, sexLabel: '女' },
        { id: '62f9b82e-698b-ea65-e3dC-a3f6CBC24faB', name: '顾秀英', addr: '台湾 新北市 瑞芳区', age: 53, birth: '2020-09-20', sex: 0, sexLabel: '女' },
        { id: '33b6b7fD-FEc4-d3c6-b1D2-5dB99F88E5b3', name: '张军', addr: '西藏自治区 拉萨市 尼木县', age: 31, birth: '2016-01-06', sex: 1, sexLabel: '男' },
        { id: '5188076A-C1fa-1e7E-f9cb-daBA0cccB868', name: '谭磊', addr: '青海省 海南藏族自治州 贵南县', age: 53, birth: '1996-08-11', sex: 1, sexLabel: '男' },
        { id: 'DA914cCf-0CfE-25a1-e7BF-4A4A231Feb7F', name: '高洋', addr: '澳门特别行政区 离岛 -', age: 25, birth: '1995-06-21', sex: 0, sexLabel: '女' },
        { id: '9A46669B-962b-EedC-c8Db-Fb49C41E5f9E', name: '董杰', addr: '澳门特别行政区 澳门半岛 -', age: 46, birth: '2004-05-10', sex: 0, sexLabel: '女' }
      ],
      tableLabel: [
        { prop: 'name', label: '姓名' },
        { prop: 'age', label: '年龄' },
        { prop: 'sexLabel', label: '性别' },
        { prop: 'birth', label: '出生日期', width: 200 },
        { prop: 'addr', label: '地址', width: 320 }
      ],
      config: {
        total: 8,
        loading: false,
        page: 1,
        pagesize: 20
      }
    };
  },

  components: { CommonTable },

  computed: {},

  mounted() {},

  methods: {
    getList(name = '') {
      console.log('getList');
    },
    editUser(row = '') {
      console.log('editUser');
    },
    delUser(page = '') {
      console.log('delUser');
    }
  }
};
</script>
<style lang="scss" scoped></style>
